---
title: Contenido Educativo de la Comunidad
description: ¡Descubre tutoriales, guías, artículos y videos producidos por la comunidad para ayudarte a aprender y construir con Astro!
i18nReady: true
---

import Badge from '~/components/Badge.astro';

¡Hay mucho más por ahí que puede ayudarte a aprender y construir con Astro! Aquí tienes algo de contenido educativo producido y mantenido por la comunidad de Astro.

Todos los enlaces son externos y pueden estar basados en versiones anteriores de Astro. Asegúrate de verificar la fecha de cualquier contenido de la comunidad y adapta tu proyecto en consecuencia.

Para más contenido educativo de Astro, echa un vistazo [al Blog de Astro](https://astro.build/blog/) o suscríbete al [boletín oficial de Astro](https://astro.build/newsletter/signup) donde resumimos el mejor contenido de la comunidad de cada mes.

## Cursos y tutoriales 

Los cursos y tutoriales se centran en enseñarte nuevos conceptos, a menudo con ejercicios o proyectos de ejemplo para construir. Estos son una gran manera de aprender nuevos conceptos y darte las herramientas que necesitas para trabajar en tu propio proyecto de Astro.

Checa los siguientes cursos y tutoriales para aprender más sobre Astro.

### Tutoriales introductorios
  - [Curso acelerado del framework web Astro](https://www.youtube.com/watch?v=e-hTm5VmofI) por freeCodeCamp
  - [Curso acelerado de Astro en 20 minutos](https://www.youtube.com/watch?v=zrPVTf761OI) por Chris Pennington (curso completo de pago: [Aprende Astro](https://learnastro.dev/))
  - [Curso acelerado de Astro 3.0](https://www.youtube.com/watch?v=qBOz6TpYAOg) por James Q Quick (curso completo de pago: [Construye sitios web modernos con Astro](https://astrocourse.dev/))
  - [Curso acelerado de Astro en 60 minutos](https://www.youtube.com/watch?v=NniT0vKyn-E) por @developedbyed
  - [Entendiendo Astro (ebook)](https://www.ohansemmanuel.com/books/understanding-astro) por Ohans Emmanuel
  - [El valle del código - Astro](https://thevalleyofcode.com/astro) por Flavio Copes

  ### Video tutoriales
  - [Curso de inicio rápido de Astro: Construye un blog SSR](https://www.youtube.com/watch?v=XoIHKO6AkoM)
  - [Cómo creé una aplicación de películas con Astro 3.x](https://www.youtube.com/watch?v=Gvr4WhgfP0w)
  - [Es posible que REALMENTE no entiendas las colecciones de contenido…](https://www.youtube.com/watch?v=Fcw4c3wzm7I)
  - [Construye una plataforma de blog personalizada con Astro y Appwrite](https://www.youtube.com/watch?v=OERqwLy_reA)
  - [Curso acelerado de Portfolio con Astro](https://www.youtube.com/watch?v=TwWvNK0yHjI)
  - [Construye un blog full stack con Astro](https://egghead.io/courses/build-a-full-stack-blog-with-astro-7ffcf9ec)

## Recetas y guías

¡Ve ejemplos guiados de cómo agregar características a tu proyecto de Astro, enviados por miembros de nuestra comunidad!

¡[Recetas de Astro](/es/recipes/) son típicamente guías cortas y enfocadas que te llevan a través de un ejemplo de trabajo de una tarea específica. Las recetas son una gran manera de agregar nuevas características o comportamientos a tu proyecto de Astro siguiendo instrucciones paso a paso!

Otras guías pueden explicar conceptos relacionados con un área de contenido, como el uso de imágenes o el trabajo con MDX.

:::tip[¡Añade la tuya!]
¿Has escrito una receta para Astro? ¡[Edita esta página](https://github.com/withastro/docs/edit/main/src/content/docs/en/community-resources/content.mdx) y añade tu enlace en la sección correspondiente!
:::

### CSS
- [Usa UnoCSS en Astro](https://www.elian.codes/blog/23-02-11-implementing-unocss-in-astro/)
- [Agrega modo oscuro a Astro con Tailwind CSS](https://www.kevinzunigacuellar.com/blog/dark-mode-in-astro/)
### Autentificación
- [Agrega Github OAuth con Lucia](https://lucia-auth.com/tutorials/github-oauth/astro)
- [Agrega autentificación con usuario y contraseña con Lucia](https://lucia-auth.com/tutorials/username-and-password/astro)
### RSS
- [Usa un nombre de archivo dinámico al importar imágenes](https://vaihe.com/blog/astro/astro-dynamic-image-prop/)
- [Agrega un feed RSS a tu sitio Astro usando historias de Storyblok](https://straffesites.com/en/blog/rss-feed-astro-storyblok)
- [¿Cómo enviar cualquier dato en tu feed RSS? Una guía con Astro + RSS](https://aritraroy.live/tutorial/blogs/2023/how-to-send-any-data-to-rss-feed/)
### Imágenes
- [Agrega imágenes de publicaciones de blog a tu feed RSS de Astro](https://webreaper.dev/posts/astro-rss-feed-blog-post-images/)
- [Genera imágenes de Open Graph para un blog de Astro](https://techsquidtv.com/blog/generating-open-graph-images-for-astro/)
### Herramientas de Editor
- [Consigue que VSCode, ESLint y Prettier funcionen con Astro](https://patheticgeek.dev/blog/astro-prettier-eslint-vscode)
- [Integra Prettier con Astro y Tailwind CSS](https://straffesites.com/en/blog/integrate-prettier-astro-tailwindcss)
### Markdown
- [Construye una tabla de contenido desde los encabezados de Markdown en Astro](https://kld.dev/building-table-of-contents/)
- [Crea un plugin de Remark para eliminar runts de tus archivos Markdown](https://eatmon.co/blog/remove-runts-markdown/)
- [Configura páginas de borrador de manera efectiva en Astro con autoría de contenido impulsada por configuración](https://akashrajpurohit.com/blog/set-up-draft-pages-effectively-in-astro-with-configdriven-content-authoring/)
### Rendimiento
- [Mejora los tiempos de compilación de Astro: modifica los archivos HTML después de la compilación](https://straffesites.com/en/blog/optimize-astro-html-post-build)
- [Configurando micro-frontends con Astro](https://medium.com/@sergio.a.soria/setting-up-micro-frontends-with-astro-and-ecma-script-modules-137340d2c520)
- [Cómo implementar la regeneración estática incremental (ISR) en Astro](https://logsnag.com/blog/implementing-isr-in-astro)
### Utilidades
- [Usando tRPC en Astro](https://www.thomasledoux.be/blog/using-trpc-astro-islands-react)
- [Integrando Sentry con Astro](https://akashrajpurohit.com/blog/seamless-error-tracking-integrating-sentry-with-astro/)
- [Genera sitemaps localizados para tu proyecto Astro y Storyblok](https://straffesites.com/en/blog/localized-sitemap-astro-storyblok)
- [Agrega un sistema de búqueda a tu sitio con Pagefind](https://blog.otterlord.dev/posts/astro-search/)
- [Agrega un sistema de búsqueda a tu sitio con Fuse.js](https://www.youtube.com/watch?v=XnV_2MWqAhQ)
- [Agrega una sección de comentarios a tu blog de Astro usando Giscus](https://elazizi.com/posts/add-comments-section-to-your-astro-blog/)
### Internacionalización y localización
- [Como hacer hacer tu sitio web Astro multilingüe con Crowdin: guía de localización de Astro](https://crowdin.com/blog/2023/06/21/astro-localization-and-i18n)
- [Traduce las rutas en Astro para colecciones de contenido y subpáginas](https://www.webdesign-sopelnik.de/en/blog/translate-routes-for-astro-content-collections-or-subpages-with-trailingslash-and-base-support/)
### Astro DB
- [Creando un libro de visitas con Astro DB](https://ryantrimble.com/blog/creating-a-guestbook-with-astro-db/)
- [Como crear un contador de visitas con Astro DB](https://www.vorillaz.com/astro-views)
